.PhotoList_i1 ul{display: block;}
.PhotoList_i1 li a{position: relative;display: block;overflow: hidden;background-color: #f8f9fb;height: 18vw;}
.PhotoList_i1 ul li a img{display: inline-block;width: auto;position: absolute;top: 50%;max-height: 100%;max-width: 100%;
    left: 50%; transform: scale(1) translate(-50%, -50%);-webkit-transform: scale(1) translate(-50%, -50%);}
.PhotoList_i1 ul li{display: block;float: left; width: 31.3%;margin-right: 3.05%;margin-bottom: 1.5vw;}
.PhotoList_i1 ul li:nth-child(3n){margin-right: 0;}
.PhotoList_i1 ul li span{text-align: center;font-size: 16px;width: 100%;line-height: 1.5;margin-top: 1vw;
display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.PhotoList_i1 ul li h4{display: none;}
.PhotoList_i1 ul li:hover span{color: #c80303;}

@media screen and (max-width: 1024px) {
    .PhotoList_i1 li a{height: 210px;}	
    .PhotoList_i1 ul li{margin-bottom: 15px;}
}
@media screen and (max-width: 768px){
    .PhotoList_i1 li a{height: 160px;}
}
@media screen and (max-width: 640px){
    .PhotoList_i1 li a {height: 31.25vw;}
	.PhotoList_i1 ul li{display: block;float: left; width: 48.5%;margin: 0 3% 10px 0;}
	.PhotoList_i1 ul li:nth-child(3n){margin-right: 3%;}
	.PhotoList_i1 ul li:nth-child(2n){margin-right: 0;}
	.PhotoList_i1 ul li span{line-height: 1.5;height: 1.5;font-size: 3.8vw;}
}